// Copyright (c) 2016 Chef Software Inc. and/or applicable contributors
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

.main-nav--profile {
  float: right;
  margin: rem(20) rem(10) 0 0;
  position: relative;

  @include large-nav{
    margin: rem(40) 0 0;
  }
}

.main-nav--avatar {
  background-color: $hab-gray-light;
  border-radius: $global-radius;
  color: $hab-off-white;
  padding: rem(8) rem(10) rem(12);

  img {
    border-radius: $global-radius -3;
    vertical-align: middle;
  }

  span {
    font-size: 75%;
  }

  &:hover {
    color: $hab-white;
  }
}

.main-nav--dropdown {
  @include dropdown-panel;
  color: $hab-gray;
  position: absolute;
  right: 0;
  top: 44px;
  z-index: 9999;

  li {
    display: block;
    min-width: 8em;
    padding-bottom: rem(10);
    text-align: left;

    &:last-child {
      border-top: 1px solid $light-gray;
      margin-top: rem(8);
      padding-bottom: 0;
      padding-top: rem(12);
    }
  }

  li a {
    line-height: 1.5em;
    margin-left: 0;
  }

}

li.sign-in-button {
  @extend .hab-drop-down;
}
